<template>
  <div :class='classList'>
    <p>{{getData}}</p>
  </div>
</template>
<script>
export default {
  props:["title","className"],
  components: {},
  name: "",
  data() {
    return {
      classList:{
        "tip":true
      }
    };
  },
  computed:{
    getData(){
      for(var key in this.className||{}){
        this.classList[key]=this.className[key]
      }
      return  "温馨提示："+(this.title||"具体价格请咨询保险维修点")
    }
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.tip {
  background: #FFF3E7;
  p{
    font-size:12px;
    color:#F37600;
    text-align: left;
    min-height: 20px;
    padding: 5px;
    line-height: 20px;
  }
}
</style>